<template>
  <!-- banner section -->
  <section id="home" class="w3l-banner py-5">
    <div class="container py-lg-5 py-md-4">
      <div class="row align-items-center">
        <div class="col-lg-6 col-sm-12 mt-lg-0 mt-4">
          <span class="subhny-title mb-2">新鲜美味</span>
          <h3 class="mb-4 animate__animated animate__backInRight">
            亚贵红食品
            <br />
            优质卤味 送货上门
          </h3>
          <p>
            我们提供新鲜的卤味，只需轻松下单，便能享受到餐桌上的美味。无论是家人聚会还是朋友小聚，我们都能满足您的需求。
          </p>
          <div class="mt-sm-5 mt-4">
            <a class="btn btn-outline-primary btn-style mr-2" href="about.html">
              了解更多
              <span class="fa fa-chevron-right"></span>
            </a>
            <a class="btn btn-primary btn-style" href="contact.html">
              立即下单
              <span class="fa fa-chevron-right"></span>
            </a>
          </div>
        </div>
        <div class="col-lg-6 col-md-8 col-sm-10 mt-lg-0 mt-5">
          <div class="img-effect text-lg-center">
            <img src="@/assets/images/pic1.png" alt="卤味" class="img-fluid" />
          </div>
        </div>
      </div>
    </div>
  </section>
</template>
